<html xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers" data-namespace-typo3-fluid="true">
<f:be.pageRenderer includeRequireJsModules="{0:'TYPO3/CMS/Opendocs/Toolbar/OpendocsMenu'}"/>

<h3 class="dropdown-headline">
    {f:translate(key: 'toolbaritem', extensionName: 'opendocs')}
</h3>
<hr>

<f:if condition="{noDocs}">
    <f:then>
        <p>
            <f:translate key="no_docs" extensionName="opendocs"/>
        </p>
    </f:then>
    <f:else>
        <f:if condition="{openDocuments}">
            <h3 class="dropdown-headline">
                <f:translate key="open_docs" extensionName="opendocs"/>
                <a href="#" class="dropdown-table-actions-btn dropdown-table-actions-btn-close t3js-topbar-opendocs-close pull-right"
                    title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:rm.closeAllDocs')}">
                    <core:icon identifier="actions-close" alternativeMarkupIdentifier="inline"/>
                </a>
            </h3>
            <div class="dropdown-table">
                <f:for each="{openDocuments}" as="openDocument">
                    <div class="dropdown-table-row t3js-topbar-opendocs-item">
                        <div class="dropdown-table-column dropdown-table-icon">
                            <core:iconForRecord table="{openDocument.table}" row="{openDocument.record}"/>
                        </div>
                        <div class="dropdown-table-column dropdown-table-title">
                            <a class="dropdown-table-title-ellipsis t3js-open-doc" data-pid="{openDocument.pid}" href="{openDocument.uri}">
                                {openDocument.label}
                            </a>
                        </div>
                        <div class="dropdown-table-column dropdown-table-actions">
                            <a href="#" class="dropdown-table-actions-btn dropdown-table-actions-btn-close t3js-topbar-opendocs-close"
                                data-opendocsidentifier="{openDocument.md5sum}"
                                title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:rm.closeDoc')}">
                                <core:icon identifier="actions-close" alternativeMarkupIdentifier="inline"/>
                            </a>
                        </div>
                    </div>
                </f:for>
            </div>
            <hr>
        </f:if>
        <f:if condition="{recentDocuments}">
            <h3 class="dropdown-headline">
                <f:translate key="recent_docs" extensionName="opendocs"/>
            </h3>
            <div class="dropdown-table">
                <f:for each="{recentDocuments}" as="recentDocument">
                    <div class="dropdown-table-row t3js-topbar-recentdoc">
                        <div class="dropdown-table-column dropdown-table-icon">
                            <core:iconForRecord table="{recentDocument.table}" row="{recentDocument.record}"/>
                        </div>
                        <div class="dropdown-table-column dropdown-table-title">
                            <a class="dropdown-table-title-ellipsis t3js-open-doc" data-pid="{recentDocument.pid}" href="{recentDocument.uri}" >
                                {recentDocument.label}
                            </a>
                        </div>
                    </div>
                </f:for>
            </div>
        </f:if>
    </f:else>
</f:if>
</html>
